import React, {useState,} from 'react'
import GoBackLayout from "../../../../layouts/GoBackLayout/GoBackLayout"
import {WhiteSpace, WingBlank} from "antd-mobile";
import CustomButton from "../../../../shared-components/CustomButton/CustomBotton"

const LiveAnnouncement = props => {

    const {history,} = props
    const [ann, setAnn] = useState('')

    const textArea = (
        <WingBlank>
            <textarea
                className='gray-textarea'
                placeholder='请输入房间公告…'
                value={ann}
                onChange={e => setAnn(e.target.value)}
            />
            <WhiteSpace/>
            <p className='tips' style={{textAlign: 'right',}}>限120字</p>
            <WhiteSpace/>
        </WingBlank>
    )

    return <GoBackLayout
        history={history}
        title='房间公告'
    >
        <div className='full-width-fff-background'>
            {textArea}
        </div>

        <WingBlank>
            <p className='tips mg-t-1 mg-b-4'>您可以填写直播公告作为直播间的说明，比如直播时间、预告或者留下自己的微信号。</p>
            <div>
                <CustomButton
                    shadow='0px 6px 10px 0px rgba(250,114,104,0.4)'
                >
                    保存
                </CustomButton>
            </div>

        </WingBlank>

    </GoBackLayout>
}

export default LiveAnnouncement
